<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width,initial-scale=1" />
        <title>我的收藏</title>
        <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
        <link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.css}" crossorigin="anonymous">

        <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
        <link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap-theme.css}" crossorigin="anonymous">

        <script th:src="@{/js/jquery-3.4.1.min.js}" type="text/javascript" charset="utf-8"></script>
        <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
        <script th:src="@{/bootstrap/js/bootstrap.js}" crossorigin="anonymous"></script>
        <script th:src="@{/js/poem.js}" charset="utf-8"></script>
        <link rel="stylesheet" th:href="@{/css/poem.css}">
    </head>
    <body>
        <!-- 导航 -->
        <nav class="navbar navbar-inverse navbar-fix-top" role="navigation">
            <div class="container" th:replace="fragments/header::header">
            </div>
        </nav>

        <div class="container">
            <div class="blog-header">
                <h1 class="blog-title">博雅古诗词</h1>
                <p class="lead blog-description">带你穿越时空，与诗仙一起吟诗作赋。</p>
            </div>
            <div class="row">
                <div class="col-sm-8">
                    <table class="table table-striped table-hover">
                        <thead>
                        <tr><th>#</th><th>诗名</th><th>收藏时间</th><th>操作</th></tr>
                        </thead>
                        <tbody>
                        <tr th:each="collection : ${collections}">
                            <td></td>
                            <td><a th:href="'/poetry/'+${collection.poetryid}" th:text="${collection.title}" target="_blank">诗名</a></td>
                            <td th:text="${collection.createtime}">收藏事件</td>
                            <td><a href="#">删除</a></td>
                        </tr>
                        </tbody>
                    </table>

                    <!-- 分页 -->
                    <nav>
                        <ul class="pagination pagination-sm">
                            <li th:class="${pageCurrent==1?'disabled':''}"><a th:href="@{'/collection/'+${pageCurrent-1}}">上一页</a></li>
                            <th:block th:each="p : ${pages}">
                                <li th:class="${p==pageCurrent?'active':''}"><a th:href="${'/collection/'+p}" th:text="${p}">3</a></li>
                            </th:block>
                            <li th:class="${pageCurrent==pageCount?'disabled':''}"><a th:href="@{'/collection/'+${pageCurrent+1}}">下一页</a></li>
                        </ul>
                    </nav>
                </div>

                <!-- 左侧栏目 -->
                <div class="col-sm-4">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h5 class="panel-title">
                                <a href="#">作者</a></h5>
                        </div>
                        <div id="left_author" class="panel-body">
                            <a href="/author/23189/1" class="btn btn-default btn-xs" role="button">李白</a>
                            <a href="/author/23392/1" class="btn btn-default btn-xs" role="button">杜甫</a>
                            <a href="/author/22113/1" class="btn btn-default btn-xs" role="button">王维</a>
                            <a href="/author/23659/1" class="btn btn-default btn-xs" role="button">孟浩然</a>
                            <a href="/author/28967/1" class="btn btn-default btn-xs" role="button">曹操</a>
                            <a href="/author/22478/1" class="btn btn-default btn-xs" role="button">杜牧</a>
                            <a href="/author/15685/1" class="btn btn-default btn-xs" role="button">李清照</a>
                            <a href="/author/19094/1" class="btn btn-default btn-xs" role="button">辛弃疾</a>
                            <a href="/author/24017/1" class="btn btn-default btn-xs" role="button">骆宾王</a>
                            <a href="/author/23969/1" class="btn btn-default btn-xs" role="button">贺知章</a>
                            <a href="/author/22375/1" class="btn btn-default btn-xs" role="button">王昌龄</a>
                            <a href="/author/22376/1" class="btn btn-default btn-xs" role="button">高适</a>
                            <a href="/author/22692/1" class="btn btn-default btn-xs" role="button">刘长卿</a>
                            <a href="/author/23900/1" class="btn btn-default btn-xs" role="button">柳宗元</a>
                            <a href="/author/24130/1" class="btn btn-default btn-xs" role="button">贾岛</a>
                            <a href="/author/24808/1" class="btn btn-default btn-xs" role="button">毛泽东</a>
                            <a href="/author/22472/1" class="btn btn-default btn-xs" role="button">韦应物</a>
                            <a href="/author/22552/1" class="btn btn-default btn-xs" role="button">卢纶</a>
                            <a href="/author/17080/1" class="btn btn-default btn-xs" role="button">刘禹锡</a>
                            <a href="/author/22634/1" class="btn btn-default btn-xs" role="button">白居易</a>
                            <a href="/author/23261/1" class="btn btn-default btn-xs" role="button">李绅</a>
                            <a href="/author/23310/1" class="btn btn-default btn-xs" role="button">李商隐</a>
                            <a href="/author/24439/1" class="btn btn-default btn-xs" role="button">温庭筠</a>
                            <a href="/author/16181/1" class="btn btn-default btn-xs" role="button">王安石</a>
                            <a href="/author/15632/1" class="btn btn-default btn-xs" role="button">苏轼</a>
                            <a href="/author/15623/1" class="btn btn-default btn-xs" role="button">陆游</a>
                            <a href="/author/18747/1" class="btn btn-default btn-xs" role="button">杨万里</a>
                            <a href="/author/19288/1" class="btn btn-default btn-xs" role="button">范成大</a>
                            <a href="/author/4984/1" class="btn btn-default btn-xs" role="button">龚自珍</a>
                        </div>
                    </div>

                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h5 class="panel-title">
                                <a href="#">标签</a></h5>
                        </div>
                        <div id="left_tag" class="panel-body">
                            <a href="#" class="btn btn-default btn-xs" role="button">四季</a>
                            <a href="#" class="btn btn-default btn-xs" role="button">春天</a>
                            <a href="#" class="btn btn-default btn-xs" role="button">夏天</a>
                            <a href="#" class="btn btn-default btn-xs" role="button">秋天</a>
                            <a href="#" class="btn btn-default btn-xs" role="button">冬天</a>
                            <a href="#" class="btn btn-default btn-xs" role="button">中秋</a>
                            <a href="#" class="btn btn-default btn-xs" role="button">山水</a>
                            <a href="#" class="btn btn-default btn-xs" role="button">田园</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div th:replace="fragments/footer::footer"></div>
    </body>
</html>
